<!DOCTYPE html>
<html lang="en"  xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>用户表单提交</title>
    <style>
        .center {
            margin: 0 auto;
            width: 30%;
            height: 40%;
        }
        lable {
            display: inline-block;
            width: 72px;
            text-align: right;
        }

    </style>
</head>
<body>
<div>
    <div class="center">
        <fieldset>
            <legend><h2 th:text="#{login.welcome}">欢迎进入用户登录系统</h2></legend>
            <hr>
            <!-- 提交方式及地址 -->
            <form th:action="@{/user/login}" method="post">
                <!-- 文本框控件输入用户名 -->
                <img th:src="@{../img/OIP-C (1).jpg}" width="40" height="40" >
                <lable th:text="#{login.username}">用户名</lable>
                <input name="username" type="text" placeholder="用户名" th:placeholder="#{login.username}">
                <br>
                <!-- 密码框控件输入密码 -->
                <img th:src="@{../img/OIP-C (3).jpg}" width="40" height="40" >
                <lable th:text="#{login.password}">密码</lable>
                <input password="password" type="password" placeholder="密码" th:placeholder="#{login.password}">
                <br>
                <img th:src="@{../img/OIP-C (6).jpg}" width="40" height="40" >
                <lable th:text="#{login.captcha}">验证码</lable>
                <input type="number" placeholder="验证码" th:placeholder="#{login.captcha}"/><lable>123456</lable>
                <br>
                <input type="submit" name="" value="登录" th:value="#{login.login}"/>&nbsp;
                <input type="reset" value="重置按钮" th:value="#{login.reset}"/>
            </form>
            <a th:href="@{index(l='zh_CN')}">中文</a>|
            <a th:href="@{index(l='en_US')}">English</a>
        </fieldset>

    </div>
</div>
</body>
</html>
